<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>


<!--
  需求: 有一个页面xxx.html?key=匡威鹏&name=pp&age=18&desc=帅
        需要解析地址栏的所有参数, 并且将其提取到一个对象中去,
        对象格式如: { key: "匡威鹏", name: "pp", age: 18, desc: "帅" }
-->
<script>

  // 获取地址栏参数
  var str = location.search;

  // 解码成中文, 将地址栏编码后的中文, 进行解码
  str = decodeURI( str );    // "?key=匡威鹏&name=pp&age=18&desc=帅"

  // 去掉第一个问号
  // str.slice(start, end)
  // 从start开始, 到end结束,  包含start,不包含end
  // end如果不写, 默认截取到最后
  str = str.slice( 1 );     // "key=匡威鹏&name=pp&age=18&desc=帅"

  // split 将字符串分割数组
  var arr = str.split("&");     // ["key=匡威鹏", "name=pp", "age=18", "desc=帅"]

  var obj = {};

  // 遍历数组, 取出每个键和值
  arr.forEach(function( v, i ) {   // v  "age=18"
    var key = v.split("=")[0];   // 键 age
    var value = v.split("=")[1];  // 值 18

    obj[ key ] = value;
  })

  console.log( obj );


</script>


</body>
</html>